Nessa aula, focamos em testar e definir a tipografia para um projeto de design. O processo envolveu a criação de uma tabela para documentar as variações tipográficas, incluindo estilos e pesos de fonte. Utilizamos a fonte Archivo como exemplo e exploramos diferentes pesos como Regular, SemiBold e Bold para entender como eles se aplicam em diferentes contextos, como títulos, subtítulos, parágrafos, botões e links.
Duplique o arquivo da aula na comunidade do Figma:
https://www.figma.com/community/file/1316737517776...
Pontos importantes destacados na aula:
- Auditoria de Tipografia: Se já tiver um produto, é essencial fazer uma auditoria de tela por tela para entender os tamanhos e pesos de fonte utilizados.
- Criação de Tabela: A tabela serve para documentar as variações tipográficas, incluindo o uso e o peso da fonte.
- Testes de Aplicação: Testamos a fonte em diferentes contextos para ver como ela funciona. Por exemplo, usamos bold para títulos, medium para subtítulos e regular para parágrafos.
- Espaçamento e Altura da Linha: Ajustamos o espaçamento entre caracteres e a altura da linha para garantir legibilidade e estética adequadas.
- Contraste e Hierarquia: Discutimos a importância do contraste, especialmente em elementos como botões e links, e como o peso da fonte pode ajudar a criar uma hierarquia visual.
- Consistência com a Marca: Qualquer escolha tipográfica deve estar alinhada com o estilo e a marca do produto.
- Documentação: Documentamos as escolhas feitas, incluindo a família tipográfica, os pesos e os estilos para uso futuro e referência.
- Escala Tipográfica: A criação de uma escala tipográfica ajuda a manter a consistência e facilita a aplicação em diferentes tamanhos e contextos.
- Ícones e Tipografia: A relação entre a espessura dos ícones e a tipografia foi discutida, enfatizando a necessidade de harmonia entre os elementos visuais.
A aula foi prática e interativa, com o objetivo de equipar os alunos com as habilidades necessárias para testar e definir tipografia de forma eficaz em seus projetos de design.